﻿
.top_bg{height: 5.89rem;width:100%;background: url(../images/top_bg.png) repeat-x;position: relative;z-index: 10;overflow: hidden;}
.top_line{width: 1200px;margin: 0 auto;height: 3.05rem;}
.logo{ width:12%;line-height: 0;padding: 1rem 0 0;}
.logo img{width: 133px;height: 74px;}
.h_dw{font-size: 1.3rem;color: #000;/* height: 2.7rem; */line-height: 2.7rem;overflow: hidden;width: 29%;/* padding: 0 0 0 1.2rem; */position: relative;margin-top: 1.8rem;font-weight: normal;}
.h_dw:before{content: "";width: 0px;height: 100%;background: #ffffff;position: absolute;top: 0;left: 0;}
.h_nav{ height:6.75rem;overflow: hidden;}
.h_nav li{height: 6.75rem;line-height: 6.75rem; float:left;position: relative;}
.h_nav li a{font-size: 18px;color:#373d41;padding: 0 15px;display:block;float:left;position: relative;z-index: 4;text-decoration:none;}
.h_nav li a:hover{background:#2b52db\9;color: #000;font-weight: bold;}/* IE6Ã£â‚¬ÂIE7Ã£â‚¬ÂIE8Ã¦â€Â¯Ã¦Å’Â */
.h_nav li:after{content:'';position:absolute;width:100%;height:0;background: url(../images/nav_line.gif) no-repeat center 5.7rem;top:0;left:0;-webkit-transition:height .3s;transition:height .3s;border-radius: 0 0 0.5rem 0.5rem; }
.h_nav li:hover:after,.h_nav li.cur:after{height:100%;}
.h_nav li.cur a{color: #000;/* font-weight: bold; */}
em,i{ font-style:normal;}
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}
 
.banner{position: relative; height:auto;clear: both;margin-top: -0.9rem;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 80px; height: 80px; margin-top: -50px;border: 0; outline: none;cursor: pointer;transition:.8s;}
.banner .slick-prev {left: 3%; background:url(../images/lefts.png) no-repeat center center;opacity: 0;}
.banner .slick-next {right: 3%;background:url(../images/rights.png) no-repeat center center;opacity: 0;}   
.banner:hover .slick-prev { left: 5%; opacity: 0.8; }
.banner:hover .slick-next { right: 5%; opacity: 0.8; }
.slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 8px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #fff; transition: .5s;}
.slick-dots .slick-active button {background: #2b52db;width: 60px;}
.s_bg{height: 100px;overflow: hidden; background:url(../images/s_bg.gif) no-repeat center 0;}
.search{ width:1200px; margin:0 auto;}
.s_word{width: 830px;float: left;}
.s_word p{float: left;height: 100px;overflow: hidden;line-height: 100px;font-size: 14px;color: #737373;width: 568px;}
.s_word b{font-size: 14px;color: #000;}
.s_word a{font-size: 14px; color:#737373; padding:0 10px 0 0;}
.s_word a:hover{color: #000;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:230px; height:44px; border:none; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:40px; outline:none;margin-top: 28px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:32px; height:44px;margin-top: 28px;}
.s_tel{width: 215px;font-size: 14px;color: #fff;line-height: 26px;padding: 18px 0 0 45px; background:url(../images/tel.gif) no-repeat 0 32px;}
.s_tel b{display: block;font-size: 28px;}
input::-webkit-input-placeholder {color: #666;}

